<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			<li>6</li>
			<li>7</li>
			<li>8</li>
			<li>9</li>
			<li>10</li>
		</ul>
		<script type="text/javascript">
			
			/* 
				iterator 是一种接口机制，为各种不同的数据结构提供统一的迭代方式(for-of)
				
				iterator是一个抽象概念，for-of是iterator具体实现
				
				数据的原型上有(Symbol.iterator对应值是一个Symbol数据类型)属性，才具备iterator接口，才能使用for-of进行循环
			 */
			
			
			// 输出Symbol函数的相信信息
			// console.dir(Symbol);
			// console.log(Symbol.iterator,typeof Symbol.iterator);
			
			
			
			let oLis = document.getElementsByTagName("li");
			let arr = [10,20,30,100,200];
			let str = "sajdlksajdlksa";
			
			
			// for-of语法：for(let 变量 of  迭代数据){}
			for(let val of oLis){
				console.log(val);
			}
			
			
			for(let val of arr){
				console.log(val);
			}
			
			
			for(let val of str){
				console.log(val);
			}
			
			
			
			// 
			
		</script>
	</body>
</html>
